<template>
      <transition>
        <slot></slot>
      </transition>
</template>

<script>
export default {
  name: 'FadeAnimation',
  props: {},
  data () {
    return {}
  },
  methods: {},
  components: {},
  computed: {}
}
</script>

<style lang="stylus" scoped >
  .v-enter,.v-leave-to
    opacity :0
  .v-enter-active,.v-leave-active
    transition: opacity 0.5s
</style>
